<template>
  <div class="home">
    <div class="navs">
      <router-link to="/home/interview">
        <NavBar txt="面经" wh="46px" fcolor="#555"></NavBar>
      </router-link>
      <router-link to="/home/collect"
        ><NavBar txt="收藏" wh="46px" fcolor="#555"></NavBar
      ></router-link>
      <router-link to="/home/like"
        ><NavBar txt="点赞" wh="46px" fcolor="#555"></NavBar
      ></router-link>
      <router-link to="/home/my"
        ><NavBar txt="我的" wh="46px" fcolor="#555"></NavBar
      ></router-link>
    </div>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  methods: {},
};
</script>

<style lang="less" scoped>
.home {
  padding-bottom: 46px;
  .navs {
    width: 100%;

    background-color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: space-around;
    padding: 6px;
    border-top: 1px solid #eee;
    a {
      text-decoration: none;
      color: #000;
    }
    .e-ac {
      color: orange;
    }
  }
}
</style>
